<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="bower_components/amazeui/dist/css/amazeui.min.css">
    <link rel="stylesheet" href="scss/user.css">
    <title>Me</title>
</head>
<body>
<div class="am-g">
    <div class="am-u-sm-12 am-article-title am-text-center title">
        我
    </div>
</div>
<div class="am-g">
    <div class="am-u-sm-12 info">
        <div class="user name">用户名:</div>
        <div class="user address">收货地址:</div>
    </div>
</div>
<div class="am-g">
    <div class="order">
    <div class="am-u-sm-12 am-u-md-12">
        <div class="am-u-sm-3 am-u-md-3"><a href="#">
            <div class="img am-center" style="background-color: grey;height:50px;width:50px;"></div>
            <div class="text">待支付</div>
        </a></div>
        <div class="am-u-sm-3 am-u-md-3"><a href="#">
            <div class="img am-center"  style="background-color: grey;height:50px;width:50px;"></div>
            <div class="text">处理中</div>
        </a></div>
        <div class="am-u-sm-3 am-u-md-3"><a href="#">
            <div class="img am-center" style="background-color: grey;height:50px;width:50px;"></div>
            <div class="text">已完成</div>
        </a></div>
        <div class="am-u-sm-3 am-u-md-3"><a href="#">
            <div class="img am-center" style="background-color: grey;height:50px;width:50px;"></div>
            <div class="text">失效订单</div>
        </a></div>
    </div>
    </div>
</div>
<div class="am-g">
    <div class="margin-top-40">
        <a href="#"><div class="am-u-sm-12 option">我的优惠券<span class="icon"><i class="am-icon-angle-right"></i></span></div><a/>
        <a href="#"><div class="am-u-sm-12 option">我的信息<span class="icon"><i class="am-icon-angle-right"></i></span></div><a/>
        <a href="#"><div class="am-u-sm-12 option">设置<span class="icon"><i class="am-icon-angle-right"></i></span></div><a/>
    </div>
</div>
</body>
</html>